<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML元素练习2</title>
  <style>
    h1 {
      text-align: left;
    }

  </style>
  <link rel="stylesheet" href="../style/main.css">

</head>

<body>
  <header>
    <nav>
      <ul>
        <li><a href="../01/index.html">第一次作业</a></li>
        <li><a href="../02/html.html">第二次作业</a></li>
        <li><a href="../index.html">返回首页</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <div>
      <h1 style="text-align: right;">表格</h1>
      <table border="1">
        <thead>
          <tr>
            <th>表头</th>
            <th>表头</th>
            <th>表头</th>
          </tr>
        </thead>
        <tr>
          <td>单元格1</td>
          <td>单元格2</td>
          <td>单元格3</td>
        </tr>
        <tr>
          <td>单元格1</td>
          <td>单元格2</td>
          <td>单元格3</td>
        </tr>
        <tr>
          <td>单元格1</td>
          <td>单元格2</td>
          <td>单元格3</td>
        </tr>
      </table>
    </div>
    <div>
      <h1>表单</h1>
      <form action="http://www.bing.com/search" method="GET">
        <label>Bing: <input type="search" name="q"></label> <input type="submit" value="Search...">
      </form>
      <!-- https://search.douban.com/book/subject_search?search_text=dddd -->
      <form action="https://search.douban.com/book/subject_search" method="GET">
        <label>豆瓣读书搜索：<input type="search" name="search_text"></label> <input type="submit" value="Search...">
      </form>
    </div>
    <p>道冲而用之或不盈，渊兮似万物之宗。挫其锐，解其纷，和其光，同其尘。湛兮似或存，吾不知谁之子，象帝之先。</p>
    <div>
      <h1>交互元素</h1>
      <details>
        <summary>Copyright 2011.</summary>
        <p>All pages and graphics on this web site are the property of W3School.</p>
      </details>
    </div>
    <div class='demo'>道冲而用之或不盈，渊兮似万物之宗。挫其锐，解其纷，和其光，同其尘。湛兮似或存，吾不知谁之子，象帝之先。 </div>
    <div class='demo'> </div>
    <div class='demo'> </div>
  </main>
  <footer><span>学号：xxx </span><span>姓名：xxx </span><span>班级：2018级广告学2班 </span></footer>
</body>

</html>
